<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script></script>
</head>
<body>
     <div>div</div>
     <p>p</p>
     <div>div</div>
     <p>p</p>
     <span>span</span>
     <span>span</span>
</body>
<script>

//    var divs=document.getElementsByTagName('div');
//    var ps=document.getElementsByTagName('p');
//
//    for( var i = 0; i < divs.length; i++ ){
//        divs[i].style.border = '1px solid red';
//    }
//    for( var i = 0; i < ps.length; i++ ){
//        ps[i].style.border = '1px solid pink';
//    }

//    function select(selector){
//        return document.querySelectorAll(selector);
//    }
//    var nodes = select('div,p');
//    for( var i = 0; i < nodes.length; i++ ){
//       nodes[i].style.border = '1px solid pink';
//    }

//命名空间
//    var y={};
//    y.qsa=function(selector){
//        return document.querySelectorAll(selector);
//    };
//    var nodes = y.qsa('div,p');
//    for(var i=0;i<nodes.length;i++){
//        nodes[i].style.border='1px solid pink';
//    }



//    var arr = [1,3,5,2,8,7,6,9];
//
//    var max=arr[0];
//    for(var i=0;i<arr.length;i++){
//        if(max<arr[i]){
//            max=arr[i];
//        }
//    }
//    console.log(max);
//
//    var min=arr[0];
//    for(var i=0;i<arr.length;i++){
//        if(min>arr[i]){
//            min=arr[i];
//        }
//    }
//    console.log(min);
//
//    var sum=0;
//        for(var i=0;i<arr.length;i++){
//            sum+=arr[i];
//        }
//    console.log(sum);
//
//    var cross=1;
//        for(var i=0;i<arr.length;i++){
//            cross*=arr[i];
//        }
//    console.log(cross);

    function each(arr,callback){
        for(var i=0;i<arr.length;i++){
            callback(arr[i],i);
        }
    }

    var arr=[1,3,5,2,8,7,6,9];

    var max=arr[0];
    each(arr,function(v,i){
        if(max<v){
            max=v;
        }
    });
    console.log(max);

</script>
</html>